<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>My City</title>
    <meta name='generator' content='http://www.fg-a.com' />
    <meta name='title' content='اوزبیکچه سوزلیک' />
    <meta name='description' content='افغانستان نینگ بیرینچی اوزبیک تیلی سوزلیگی' />
    <meta name='keywords' content='افغانستان نینگ بیرینچی اوزبیک تیلی سوزلیگی فرهنگی لغات'>
    <meta http-equiv="cache-control" content="no-cache" />
<!-- Main style -->
<link rel="stylesheet" href="./css/style.css" type="text/css" />
<link rel="icon" type="image/png" href="http://www.uzsozlik.com/favicon.png">

<script src="includes/ga.js" type="text/javascript"></script><script src="includes/jquery.js"></script>
<script src="includes/jquery_002.js" type="text/javascript"></script>

<script type="text/javascript">
    function toggle_visibility(id) 
    {
       var e = document.getElementById(id); // div text
       var x = (id + 1).toString();
       var img = document.getElementById(x);

       if(e.style.display == 'block'){
          e.style.display = 'none';
          img.src = "./img/icons/bottom.png";
      }
       else {
          e.style.display = 'block';
          img.src = "./img/icons/top.png";
      }
    }
</script>

</head>

    <body class="direction-right">
		
	<!------ HEADER (BEGIN) ---------------------------->
	<div class='header'>
		<!-- HEADER MENU ICONS (BEGIN) -->
        <div class='menu' style='float: right; margin-right:10px; margin-left:1px;'>
			<a href="./index.jsp"><img src="./img/newPost.png" title='NEW POST' alt='NEW POST' /></a>
			<a href="./index.jsp"><img src="./img/search.png" title='SEARCH FOR A LOCATION' alt='SEARCH FOR A LOCATION' /></a>
			<a href="./index.jsp"><img src="./img/profile.png" title='PROFILE PAGE' alt='PROFILE PAGE' /></a>
            <a href="./index.jsp"><img src="./img/home.png" title='HOME PAGE' alt='HOME PAGE' /></a>
        </div>
		<!-- HEADER MENU ICONS (END) -->
		
        <!-- HEADER SOCIAL ICONS (BEGIN) -->
        <div class='menu'>
            <a href=""><img src="./img/social-facebook1.png" title='FACEBOOK' /></a>
            <a href=""><img src="./img/social-twitter1.png" title='TWITTER' /></a>
            <a href=""><img src="./img/social-google1.png" title='GOOGLE+' /></a>
        </div>
		<!-- HEADER SOCIAL ICONS (END) -->
	</div>	
	<!------- HEADER (END) -------------------------------->

        <div class='result-panel'>
            <div class='result-right'>
                <div class='divider'></div>

                <!-- //---------- QUESTION LIST ---------- -->
                    <!-- QUESTION -->
                    <div class='question' onclick="toggle_visibility('1');">
                        <div class='userInfoQuestion' style='left:0px; width:100%'>   
                            <div style='float:left; position:relative;'>
                                <img id='11' style='margin-top:7px; margin-left:5px;' src="./img/icons/bottom.png" />
                            </div>                      
                            <span class='nameQuestion'>Love to visit Bogazici University South Campust !</span>
                            <span class='dateQuestion'>18.11.2013</span>
                            <span class='dateQuestion'>Replies [ 3 ]</span>
                            <span class='dateQuestion'><a href="./post.html?pid=1"> Reply </a></span>
                        </div>
                        <div class='answer' id='1' style='left:5px; width:99%; display:none;'>
                            <p class='answer'>
                                this place is just amazing. I strongly advice you to visit this place once. you will find it interesting. 
								restaurants and coffes are excellent.
                            </p>
                        </div>
                    </div>
                    <!-- QUESTION -->
					
					<!-- QUESTION -->
                    <div class='question' onclick="toggle_visibility('2');">
                        <div class='userInfoQuestion' style='left:0px; width:100%'>   
                            <div style='float:left; position:relative;'>
                                <img id='21' style='margin-top:7px; margin-left:5px;' src="./img/icons/bottom.png" />
                            </div>                      
                            <span class='nameQuestion'>Istanbul; the inspiring city !</span>
                            <span class='dateQuestion'>15.10.2013</span>
                            <span class='dateQuestion'>Replies [ 7 ]</span>
                            <span class='dateQuestion'><a href="./post.html?pid=1"> Reply </a></span>
                        </div>
                        <div class='answer' id='2' style='left:5px; width:99%; display:none;'>
                            <p class='answer'>
                                this place is just amazing. I strongly advice you to visit this place once. you will find it interesting. 
								restaurants and coffes are excellent.
                            </p>
                        </div>
                    </div>
                    <!-- QUESTION -->
					
					<!-- QUESTION -->
                    <div class='question' onclick="toggle_visibility('3');">
                        <div class='userInfoQuestion' style='left:0px; width:100%'>   
                            <div style='float:left; position:relative;'>
                                <img id='31' style='margin-top:7px; margin-left:5px;' src="./img/icons/bottom.png" />
                            </div>                      
                            <span class='nameQuestion'>City that joins two continents !</span>
                            <span class='dateQuestion'>08.11.2013</span>
                            <span class='dateQuestion'>Replies [ 14 ]</span>
                            <span class='dateQuestion'><a href="./post.html?pid=1"> Reply </a></span>
                        </div>
                        <div class='answer' id='3' style='left:5px; width:99%; display:none;'>
                            <p class='answer'>
                                this place is just amazing. I strongly advice you to visit this place once. you will find it interesting. 
								restaurants and coffes are excellent.
                            </p>
                        </div>
                    </div>
                    <!-- QUESTION -->
					
					<!-- QUESTION -->
                    <div class='question' onclick="toggle_visibility('4');">
                        <div class='userInfoQuestion' style='left:0px; width:100%'>   
                            <div style='float:left; position:relative;'>
                                <img id='41' style='margin-top:7px; margin-left:5px;' src="./img/icons/bottom.png" />
                            </div>                      
                            <span class='nameQuestion'>Dolmabahce Place; most exciting place I ever seen !</span>
                            <span class='dateQuestion'>15.11.2013</span>
                            <span class='dateQuestion'>Replies [ 7 ]</span>
                            <span class='dateQuestion'><a href="./post.html?pid=1"> Reply </a></span>
                        </div>
                        <div class='answer' id='4' style='left:5px; width:99%; display:none;'>
                            <p class='answer'>
                                this place is just amazing. I strongly advice you to visit this place once. you will find it interesting. 
								restaurants and coffes are excellent.
                            </p>
                        </div>
                    </div>
                    <!-- QUESTION -->

                <!-- //---------- QUESTION LIST ---------- -->


                    <div class='divider'></div>
            </div>

		<!-------- SIDEBAR (BEGIN) --------------------->
			<div class='result-left'>
				<div class='title'><span class='title'>RECENT COMMENTS</span></div>
				<ul class='dic-result'>
					<li><a href='./?comment=4'>COMMENT #1</a></li>		
					<li><a href='./?comment=4'>COMMENT #2</a></li>
					<li><a href='./?comment=4'>COMMENT #3</a></li>
				</ul>
			</div>
			<div class='result-left'>
				<div class='title'><span class='title'>RECENT POSTS</span></div>
				<ul class='dic-result'>	
					<li><a href='./posts.php?post=3'>POST #1</a></li>
					<li><a href='./posts.php?post=3'>POST #2</a></li>
					<li><a href='./posts.php?post=3'>POST #3</a></li>
					<li><a href='./posts.php?post=3'>POST #4</a></li>
				</ul>
			</div>

			<div class='result-left'>
				<div class='title'><span class='title'>SEARCH FOR A PLACE</span></div>
				<div>
					<form action='./locations.jsp' method='get'>
						<input type='text' name='location' class='city-search' placeholder='Enter a location...' />
						<input type='submit' class='city-search' value='SEARCH' />
					</form>
				</div>
			</div>
		<!-------- SIDEBAR (END) --------------------->

        </div>

    </body>
</html>
